window.onload=function(){
	
	var account=document.getElementById("account");
	var phone=document.getElementById("phone");
	var login_mode_account=document.getElementById("login_mode_account");
	var login_mode_phone=document.getElementById("login_mode_phone");
	
	//账户登陆的页面
	
	account.onmouseover=function(){
		
		login_mode_account.style.display="block";
		login_mode_phone.style.display="none";
		
	}
	//手机登陆的页面显示	
	phone.onmouseover=function(){
		
	
		login_mode_account.style.display="none";
		login_mode_phone.style.display="block";
		
	}
	//获得表单提交按钮对象
	var btn01=document.getElementById("btn01");
	//鼠标点击事件绑定
	btn01.onclick=function(){
		
		//获得输入的账户和密码
		var account1=form1.account.value;
		
		var pwd=form1.pwd.value;
		
			if(account1==""){
				alert("请输入账号");
				//获得账户焦点
				form1.account.focus();
				
				return ;
			}
			if(pwd==""){
				alert("请输入密码");
				//获得密码焦点
				form1.pwd.focus();				
				return ;
			}
			
			//把密码进行加密
			
			form1.pwd.value =  hex_md5(pwd);
			
			
			//提交表单
			form1.submit();
		
	}
	var btn02=document.getElementById("btn02");
	
	
	btn02.onclick=function(){
		
		//获得输入的手机号是否合法
		var phone=form2.phone.value;
		
		//验证手机号码是否合法
		 if(phone==""){
					alert("请输入手机号"); 
					form2.phone.focus();
			        return ; 
		 }
		
		 if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(phone))){ 
		        alert("不是完整的11位手机号或者正确的手机号前七位"); 
		        form2.phone.focus();
		        return ; 
		   } 
		
		//3.定请求的URL地址  
		  var url="/J54Books/phoneVerify?phone="+phone;
		  
		 //4.创建AJAX的对象
		  var req=new XMLHttpRequest();
		  
		  //5.设置请求的方式，和服务器建立连接通道
		  req.open("GET",url);
		  
		  //6.向服务器发送请求
		  req.send(null);
		  
		  //7.监听ajax的状态
		
		  //每次状态改变都会触发执行该函数
		  req.onreadystatechange=function(){
			  
			  if(req.readyState==4){
				  if(req.status==200||req.status==304){
					  //req.response 服务器对当次请求响应的信息
					  alert(req.response);
					  
				  }
				  
			  }
			  
			  
		  }
		  
		
		
	}
	//获得表单提交按钮对象
	var btn03=document.getElementById("btn03");
	
	btn03.onclick=function(){
	
			//提交表单
			form2.submit();
		
	}
	
	
	
}
